<!--
	监测
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JZ-energy</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../libs/minirefresh.min.css" />
		<link rel="stylesheet" type="text/css" href="../libs/themes/default/minirefresh.theme.default.min.css" />
		<style type="text/css">
			html,body {width: 100%;height: 100%;}
			.mui-card-footer, .mui-card-header {min-height: 24px; padding: 3px 15px;}
			.minirefresh-wrap {position: relative;}
			#sliderSegmentedControl>.mui-active {
				color: #07913B !important;
    			border-bottom: 2px solid #07913B !important;
			}
		</style>
	</head>
	<body>
		<!--底部导航栏-->
		<nav class="mui-bar mui-bar-tab bg-FFF">
			<a class="mui-tab-item navA" href="index.html">
				<span class="mui-icon"><img src="../img/index.png"/></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active navA" href="monitor.html">
				<span class="mui-icon"><img src="../img/jiance-hover.png"/></span>
				<span class="mui-tab-label">监测</span>
			</a>
			<a class="mui-tab-item" href="work.html">
				<span class="mui-icon"><img src="../img/gongzuo.png"/></span>
				<span class="mui-tab-label">工作</span>
			</a>
			<a class="mui-tab-item" href="myInfor.html">
				<span class="mui-icon"><img src="../img/wode.png"/></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<!--头部导航栏-->
		<header class="mui-bar mui-bar-nav bg-FFF header-bom">
			<a href="#topPopover" class="mui-tab-item mui-pull-right bRight">
				<span class="mui-badge message bg-mess col-FFF">0</span>
				<span class="mui-icon"><img src="../img/message.png" width="18"/></span>
			</a>
			<h1 class="mui-title col-fonts">电站总览</h1>
		</header>
		<!--右上角弹出菜单-->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell col-fonts font-13">
							<a id="qxdmu" href="station-listQX.html?navsel=defect&way=nodefect&sel=jiance">
								<span>缺陷单</span>
								<span class="mui-badge mui-badge-danger">0</span>
							</a>
						</li>
						<li class="mui-table-view-cell col-fonts font-13">
							<a id="xsdjmu" href="station-listXS.html?navsel=xunshi&way=nocom&sel=jiance">
								<span>巡视登记</span>
								<span class="mui-badge mui-badge-danger">0</span>
							</a>
						</li>
						<li class="mui-table-view-cell col-fonts font-13">
							<a href="notice.html?note=notice&sel=jiance">
								<span>公告</span>
								<span class="mui-badge mui-badge-danger">0</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--内容-->
		<div class="mui-content bg-F8F wh-100">
			<div class="wh-100">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted bg-FFF col-fonts">
					<a class="mui-control-item mui-active" href="#tabs-order">综合排序</a>
					<a class="mui-control-item" href="#tabs-ele">发电量</a>
					<a class="mui-control-item" href="#tabs-expand">装机容量</a>
					<a class="searchBtn" href=""><span class="mui-icon mui-icon-search borderno"></span></a>
				</div>
				<div class="mui-indexed-list-search mui-input-row mui-search searchDiv">
					<input type="search" class="mui-input-clear mui-indexed-list-search-input bg-FFF" value="" id="search" style="border-radius: 0px;margin-bottom: 0px;"/>
					<span class="mui-icon mui-icon-clear mui-hidden"></span>
					<span class="mui-placeholder">
						<span class="mui-icon mui-icon-search"></span>
						<span>搜索</span>
					</span>
				</div>

				<div id="minirefresh" class="minirefresh-wrap" style="height: calc(100% - 40px);">
				<div class="minirefresh-scroll" style="white-space: normal;height: calc(100% - 40px);">

					<!--综合排序-->
					<div id="tabs-order" class="mui-control-content mui-active" >
						<!--开始-->
						<div class="mui-card" style="display:none;" id="synthesis">
							<div id="psid" style="display:none;"></div>
							<div class="mui-card-header af-he">
								<div class="mui-card-link col-fonts font-15 ells s-title" id="psname">高坝光伏电站</div>
								<div class="mui-card-link"> <span class="dataMW col-FFF bg-blue font-13" id="pscapacity">0.00MW</span> </div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-content">
								<img src="../img/abbd.png" style="width: 95px;height: 60px; margin: 8px 20px 8px 15px;" onerror="this.src='../img/psimg/def.png'" class="ver-md" alt="" id="imgsrc">
								<div class="d-lb ver-md font-12" style="line-height: 30px;">

									<div class="col-fonts">当前功率：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty"  id="psacpower">0.00</b> kW</div>
									<div class="col-fonts">日发电量：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty" id="psdaycap">0.00</b> kWh</div>

								</div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-footer be-he w-100">
								<div class="mui-pull-left col-fonts w-100">
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zhengchang.png" class="monitor-img ver-md" alt="" id="psstateimg"></span>
										<span class="ver-md d-lb" id="psnormal">正常</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zuobiao.png" class="monitor-add ver-md" alt="" ></span>
										<span class="ver-md d-lb" id="pscounty">西安市</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/tianqi.png" class="monitor-img ver-md" alt="" id="w-path" ></span>
										<span class="ver-md d-lb" id="citytemp">34℃</span>
									</span>
								</div>
							</div>
						</div>
						<!--结束-->
					
						
					</div>
					<!--发电量-->
					<div id="tabs-ele" class="mui-control-content">
						<!--开始-->
						<div class="mui-card" style="display:none;" id="daycap">
							<div id="psid" style="display:none;"></div>
							<span id="sort" style="display:none;">psdaycap</span>
							<div class="mui-card-header af-he">
								<div class="mui-card-link col-fonts font-15 ells s-title" id="psname">高坝光伏电站</div>
								<div class="mui-card-link"> <span class="dataMW col-FFF bg-blue font-13" id="pscapacity">0.00MW</span> </div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-content">
								<img src="../img/abbd.png" style="width: 95px;height: 60px; margin: 8px 20px 8px 15px;" onerror="this.src='../img/psimg/def.png'" class="ver-md" alt="" id="imgsrc">
								<div class="d-lb ver-md font-12" style="line-height: 30px;">

									<div class="col-fonts">当前功率：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty" id="psacpower">0.00</b> kW</div>
									<div class="col-fonts">日发电量：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty" id="psdaycap">0.00</b> kWh</div>

								</div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-footer be-he w-100">
								<div class="mui-pull-left col-fonts w-100">
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zhengchang.png" class="monitor-img ver-md" alt="" id="psstateimg"></span>
										<span class="ver-md d-lb" id="psnormal">正常</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zuobiao.png" class="monitor-add ver-md" alt="" ></span>
										<span class="ver-md d-lb" id="pscounty">西安市</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/tianqi.png" class="monitor-img ver-md" alt="" id="w-path" ></span>
										<span class="ver-md d-lb" id="citytemp">34℃</span>
									</span>
								</div>
							</div>
						</div>
						<!--结束-->
					</div>
					<!--装机容量-->
					<div id="tabs-expand" class="mui-control-content">
						<!--开始-->
						<div class="mui-card" style="display:none;" id="capacity">
							<div id="psid" style="display:none;"></div>
							<span id="sort" style="display:none;">rcapacity</span>
							<div class="mui-card-header af-he">
								<div class="mui-card-link col-fonts font-15 ells s-title" id="psname">高坝光伏电站</div>
								<div class="mui-card-link"> <span class="dataMW col-FFF bg-blue font-13" id="pscapacity">0.00MW</span> </div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-content">
								<img src="../img/abbd.png" style="width: 95px; height: 60px; margin: 8px 20px 8px 15px;"  class="ver-md" alt="" onerror="this.src='../img/psimg/def.png'" id="imgsrc">
								<div class="d-lb ver-md font-12" style="line-height: 30px;">

									<div class="col-fonts">当前功率：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty" id="psacpower">0.00</b> kW</div>
									<div class="col-fonts">日发电量：<b class="bRight col-blue font-16" data-fmtFun="num2OfEmpty" id="psdaycap">0.00</b> kWh</div>

								</div>
							</div>
							<div class="line10"></div>
							<div class="mui-card-footer be-he w-100">
								<div class="mui-pull-left col-fonts w-100">
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zhengchang.png" class="monitor-img ver-md" alt="" id="psstateimg"></span>
										<span class="ver-md d-lb" id="psnormal">正常</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/zuobiao.png" class="monitor-add ver-md" alt="" ></span>
										<span class="ver-md d-lb" id="pscounty">西安市</span>
									</span>
									<span class="bRight">
										<span class="ver-md d-lb"><img src="../img/tianqi.png" class="monitor-img ver-md" alt="" id="w-path" ></span>
										<span class="ver-md d-lb" id="citytemp">34℃</span>
									</span>
								</div>
							</div>
						</div>
						<!--结束-->
					</div>
				</div>
				</div>
				</div>
			</div> 
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type="text/javascript" src="../js/monitor/monitor.js"></script>
	<script type="text/javascript" src="../js/notice.js"></script>
	<script type="text/javascript" src="../js/webviewhand.js"></script>
	<script type="text/javascript" src="../libs/minirefresh.min.js"></script>
	<script type="text/javascript" src="../libs/themes/default/minirefresh.theme.default.min.js"></script>
	<script type="text/javascript">
        //点击搜索	
       $(".searchBtn").on("click", function(){
       		$(".searchDiv").show();
       		$("#sliderSegmentedControl").hide();
       });
      /* window.touchmoved = e; window.touchElm = t;
       window.touchElm.*/
       //下拉刷新
		var miniRefresh = new MiniRefresh({
		    container: '#minirefresh',
		    down: {
		    	isLock:false,
		    	offset:50,
		    	successAnim:{
		    		isEnable:true,
		    		duration:500
		    	},
		        callback: function() {
		        	refresh();
		        	notice();
		        	noticeRef();
		        	toindites.refOther();
		            setTimeout(function(){
		            	miniRefresh.endDownLoading(true,'');
		            },1000);
		        }
		    },
		    up:{isLock:true}
		});
	</script>
</html>
